<template>
  <div class="header_main">
    <ul class="header_box">
      <li class="header_link" >
        <a @click='fanhun()'>
          <i class="haeder_icon"></i>
        </a>
      </li>
      <li class="header_title">{{HeaderTitle.title}}</li>
    </ul>
  </div>
</template>

<script type="text/javascript">
export default {
  props:["HeaderTitle"],
  methods:{
    fanhun:function() {
       this.$router.back(-1);
    }
  },
  components:{

  }
}
</script>

<style scoped lang="less">
@import '../../../assets/less/index.less';
.header_main{
  width: 100vw;
  height: 13.333vw;
  border-bottom: solid 1vw @color8; 
  .header_box{
    display: inline-block;
    width: 100vw;
    height: 13.33vw;
    .header_link{
      width: 13.3vw;
      height: 13.3vw;
      line-height: 13.3vw;
      float: left;
      .haeder_icon{
        display: inline-block;
        .icon-More();
      }
    }
    .header_title{
      width: 90vw;
      line-height: 13.3vw;
    }
  }
}

</style>